<template>
	<div class="month-box">
		<div class="jiaqi" v-for="(item,index) in this.$store.state.monthList">
			<div class="imger">
				<img src="../assets/imger/yuandan.jpg" alt="">
				<h3>{{ item.name }}</h3>
				<span></span>
			</div>
			<div class="detaile">
				<span v-for="val in item.list"> {{ val.date }} </span>
			</div>
		</div>
	</div>
</template>

<script>
	import { getData } from '../libs/requestwannian.js'
	export default{
		name: 'Month',
		mounted() {
			getData('month','2021-1')
		}
	}
</script>

<style lang="less" scoped="scoped">
	.jiaqi{
		width: 96%;
		height: 3.4rem;
		margin: 5px 2%;
		.imger{
			width: 100%;
			height: 2.3rem;
			overflow: hidden;
			img{
				width: 100%;
				height: 2rem;
			}
			h3{
				margin-left: .2rem;
				font-size: .2rem;
				color: #0071FE;
			}
		}
	}
</style>
